@mixin flex($dir: row, $justify: space-between, $items: stretch) {
  display: flex;
  flex-direction: $dir;
  align-items: $items;
  justify-content: $justify;
}

@mixin flex-justify {
  @include flex(row);
}

@mixin flex-justify-center {
  @include flex(row, center, center);
}

@mixin flex-column {
  @include flex(column);
}

@mixin flex-column-middle {
  @include flex(column, center, center);
}

%ellipse {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
